<template>
	<view class="video_list">
		<view class="vidoe_itme" v-for="(item,index) in 2" :key="index">
			<view class="title">执笔的正确姿势讲解</view>
			<video id="myVideo" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
			                    @error="videoErrorCallback" :danmu-list="danmuList" enable-danmu danmu-btn controls>
			</video>
			<view class="usefo">
				<view class="left">讲解老师：王鑫</view>
				<view class="right">讲解老师：王鑫</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>
<style>
	page{
		background: rgba(247, 247, 247, 1);
	}
</style>
<style lang="scss" scoped>
	.video_list{
		.vidoe_itme{
			width: 93%;
			margin: 25rpx auto;
			background-color: #fff;
			padding: 20rpx 25rpx;
			border-radius: 24rpx;
			.title{
				text-align: center;
				font-size: 32rpx;
			}
			video{
			    margin: 15rpx auto;
				width: 100%;
				border-radius: 20rpx;
			}
		}
		.usefo{
			display: flex;
			justify-content: space-between;
			color: rgba(102, 102, 102, 1);
			font-size: 26rpx;
		}
	}
</style>